<template>
  <div v-title data-title=" ">
    <header-background></header-background>
    <login-form></login-form>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import HeaderBackground from './components/Header.vue'
import LoginForm from './components/Form.vue'
export default {
  name: 'Login',
  computed: {
    ...mapState({
      token: 'token'
    })
  },
  components: {
    HeaderBackground,
    LoginForm
  },
  created () {
    if (this.token) {
      this.$router.push('/index')
    }
  }
}
</script>

<style lang="stylus" scoped>

</style>
